<ion-view title="天气 | 小电微信公共服务" class="tabs-container animate-pan-in-left">
    <ion-nav-buttons side="primary">
        <button class="button button-icon button-clear icon ion-home ink ink-dark" ui-sref="app.main"></button>
    </ion-nav-buttons>
    <div id="wx_logo" style="margin:0 auto;display:none;">
        <img src="assets/images/logo300.png"/>
    </div>
    <div class="tabs-striped tabs-background-calm tabs-color-light">
        <div class="tabs tabs-icon-top tabs-background-light">
            <a class="tab-item" ng-class="{'active' : (curTab == 0) }" ng-click="curTab=0">
                <i class="icon ion-arrow-graph-up-right"></i>
                指数
            </a>
            <a class="tab-item" ng-class="{'active' : (curTab == 1) }" ng-click="curTab=1">
                <i class="icon ion-speakerphone"></i>
                预报
            </a>
        </div>
    </div>
    <!--指数部分-->
    <ion-content class="has-header has-tabs animate-fade-slide-in" ng-show="curTab == 0">
        <!--<section class="wrapper-list">-->
        <!--<ion-list class="animate-blinds" ng-click="blinds()">-->
        <!--<ion-item class="item item-text-wrap">-->
        <!--我是风尚电气-->
        <!--</ion-item>-->
        <!--</ion-list>-->
        <!--</section>-->


        <div class="row main-row in">
            <div class="col">
                <div class="meta col-inner clearfix ink ink-dark">
                    <div class="float-left float">
                        <p class="meta-item">经度：<span ng-bind="weatherData.forecast.c.c13">银河系</span></p>

                        <p class="meta-item">纬度：<span ng-bind="weatherData.forecast.c.c14">地球</span></p>
                    </div>
                    <div class="city">
                        <p class="main-title" ng-bind="weatherData.forecast.c.c5">二次元</p>

                        <p class="sub-title">- {{weatherData.forecast.c.c3}} -</p>
                    </div>
                    <div class="float-right float">
                        <p class="meta-item">海拔：<span ng-bind="weatherData.forecast.c.c15">地上</span></p>

                        <p class="meta-item">时区：<span ng-bind="weatherData.forecast.c.c17">23</span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row main-row in">
            <weather-col wc-title="晨跑指数" wc-data="weatherData.index.i[0]"></weather-col>
            <weather-col wc-title="穿衣指数" wc-data="weatherData.index.i[2]"></weather-col>
        </div>
        <div class="row main-row in">
            <weather-col wc-title="舒适度指数" wc-data="weatherData.index.i[1]"></weather-col>
        </div>
    </ion-content>

    <!--预报部分-->
    <ion-content class="has-header wc-forecast has-tabs" ng-show="curTab == 1">
        <div class="row main-row">
            <div class="col">
                <div class="meta col-inner clearfix ink ink-dark">
                    <h1>{{weatherData.forecast.f.f0 | weekday : 0 | weekdayShow }}</h1>

                    <p class="description">{{[weatherData.forecast.f.f1[0].fa,weatherData.forecast.f.f1[0].fb] |
                        descShow}}</p>
                    <section>
                        <i class="icon {{[weatherData.forecast.f.f1[0].fa,weatherData.forecast.f.f1[0].fb] | descIcon}}"></i>

                        <h3 class="temperature">{{weatherData.forecast.f.f1[0].fd +
                            "°/"+weatherData.forecast.f.f1[0].fc+"°"}}</h3>
                    </section>
                    <div class="divider-line"></div>
                    <h4>Details</h4>
                    <section>
                        <p>风向：{{[weatherData.forecast.f.f1[0].fe,weatherData.forecast.f.f1[0].ff] | windTypeShow }}</p>

                        <p>风力：{{[weatherData.forecast.f.f1[0].fg,weatherData.forecast.f.f1[0].fh] | windStrengthShow
                            }}</p>

                        <p>预报时间：{{weatherData.forecast.f.f0 | dateShow}}</p>
                    </section>
                </div>
            </div>
        </div>
        <div class="row main-row">
            <div class="col">
                <div class="sub ink ink-dark col-inner clearfix">
                    <h4>{{weatherData.forecast.f.f0 | weekday : 1 | weekdayShow : true }}</h4>
                    <i class="icon {{[weatherData.forecast.f.f1[1].fa,weatherData.forecast.f.f1[1].fb] | descIcon}}"></i>

                    <p class="temperature">{{weatherData.forecast.f.f1[1].fd +
                        "°/"+weatherData.forecast.f.f1[1].fc+"°"}}</p>
                </div>
            </div>
            <div class="col">
                <div class="sub ink ink-dark col-inner clearfix">
                    <h4>{{weatherData.forecast.f.f0 | weekday : 2 | weekdayShow : true }}</h4>
                    <i class="icon {{[weatherData.forecast.f.f1[2].fa,weatherData.forecast.f.f1[2].fb] | descIcon}}"></i>

                    <p class="temperature">{{weatherData.forecast.f.f1[2].fd +
                        "°/"+weatherData.forecast.f.f1[2].fc+"°"}}</p>
                </div>
            </div>
            <div class="col">
                <div class="sub col-inner clearfix">
                    <h4>Credit</h4>

                    <a href="http://cdog.me"
                       class="button button-clear button-small button-block button-dark ink">
                        CDog
                    </a>

                    <a href="http://blog.yueyue.moe"
                       class="button button-clear button-small button-block button-dark ink">
                        yuetsh
                    </a>

                </div>
            </div>
        </div>
    </ion-content>

</ion-view>